<script setup lang="ts">
import EstunPop from './components/_EstunPop.vue';
import EstunTop from './components/_EstunTop.vue';
import EstunMain from './components/_EstunMain.vue';
import EstunMainIndex from './components/_EstunMainIndex.vue';
import EstunMainRight from './components/_EstunMainRight.vue';
import EstunBottom from './components/_EstunBottom.vue';

const props: any = defineProps<{
    ujt: any;
}>();
const { $model } = props.ujt;
</script>

<template>
    <ZoomContainer :ujt="ujt">
        <div
            :id="$global?.sys?.zoomid || 'asaiwebzoomid'"
            class="as-estun-area"
        >
            <EstunPop :ujt="ujt"></EstunPop>
            <EstunTop :ujt="ujt"></EstunTop>
            <EstunMain :ujt="ujt">
                <EstunMainIndex :ujt="ujt"></EstunMainIndex>
                <EstunMainRight :ujt="ujt"></EstunMainRight>
            </EstunMain>
            <EstunBottom :ujt="ujt"></EstunBottom>
        </div>
    </ZoomContainer>
</template>

<style scoped lang="scss">
.as-estun-area {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
</style>
